<!-- 企业信息详情 -->
<template>
  <div class="detail-index-content">
    <HeadLabel title="企业信息详情" routeName="enterpriseInforInquiry" />
    <div class="page-main-content">
      <div class="page-main-content-head">
        <h2>企业名称</h2>
        <BtnText type="primary" @BtnClick="changeLog">变更历史记录</BtnText>
      </div>
      <h3>企业基本信息</h3>
      <div class="page-main-form-box">
        <Row>
          <Col span="8">
            <MainFormItem title="企业名称">企业名称</MainFormItem>
          </Col>
          <Col span="8"
            ><MainFormItem title="上级组织">上级组织</MainFormItem></Col
          >
          <Col span="8"
            ><MainFormItem title="证件类型">营业执照</MainFormItem></Col
          >
          <Col span="8"
            ><MainFormItem title="证件号码">证件号码</MainFormItem></Col
          >
          <Col span="8"
            ><MainFormItem title="注册地址">注册地址</MainFormItem></Col
          >
          <Col span="8"
            ><MainFormItem title="证件照片"> <ViewImg></ViewImg> </MainFormItem
          ></Col>
          <Col span="24"
            ><MainFormItem title="业务范围">业务范围</MainFormItem></Col
          >
        </Row>
      </div>
      <Divider />
      <h3>企业服务能力</h3>
      <div class="page-main-form-box">
        <Row>
          <Col span="24"
            ><MainFormItem title="服务地区">服务地区</MainFormItem></Col
          >
          <Col span="24"
            ><MainFormItem title="产业标记">产业标记</MainFormItem></Col
          >
        </Row>
      </div>
      <Divider />
      <h3>企业收益规则</h3>
      <div class="page-main-form-box">
        <Row>
          <Col span="12"
            ><MainFormItem title="规则说明">
              <ViewImg :isImg="false"></ViewImg> </MainFormItem
          ></Col>
          <Col span="12"><MainFormItem title="收益规则">5%</MainFormItem></Col>
        </Row>
      </div>
      <Divider />
      <h3>企业资质</h3>
      <div class="page-main-form-box page-main-form-table">
        <Table :columns="columns" :data="listData">
          <template slot-scope="{ row }" slot="file">
            <ViewImg></ViewImg>
          </template>
        </Table>
      </div>
      <Divider />
      <h3>备案项目</h3>
      <div class="page-main-form-box page-main-form-table">
        <Table :columns="columnsRecord" :data="listData">
          <template slot-scope="{ row }" slot="rate">
            <div class="repetition-rate">
              <span>66%</span><ViewImg :isImg="false"></ViewImg>
            </div>
          </template>
        </Table>
      </div>
    </div>
  </div>
</template>

<script type="text/javascript">
export default {
  name: "enterpriseInforInquiry",
  components: {},
  data() {
    return {
      formData: {
        input: "",
      },
      columns: [
        {
          title: "资质名称",
          key: "name",
        },
        {
          title: "等级",
          key: "age",
        },
        {
          title: "资质附件",
          slot: "file",
        },
        {
          title: "有效期截止时间",
          key: "address",
        },
      ],
      columnsRecord: [
        {
          title: "项目名称",
          key: "name",
        },
        {
          title: "重复率",
          slot: "rate",
        },
        {
          title: "业主方",
          key: "name",
        },
        {
          title: "施工方",
          key: "name",
        },
        {
          title: "项目地址",
          key: "name",
        },
        {
          title: "预计产值规模(万元)",
          key: "name",
        },
        {
          title: "发布时间",
          key: "name",
        },
      ],
      listData: [
        {
          name: "John Brown",
          age: 18,
          address: "New York No. 1 Lake Park",
        },
        {
          name: "Jim Green",
          age: 24,
          address: "London No. 1 Lake Park",
        },
        {
          name: "Joe Black",
          age: 30,
          address: "Sydney No. 1 Lake Park",
        },
        {
          name: "Jon Snow",
          age: 26,
          address: "Ottawa No. 2 Lake Park",
        },
      ],
    };
  },
  methods: {
    // 变更记录
    changeLog() {
      this.$router.push({
        path: "/changeRecord",
      });
    },
    // 查看详情
    viewDetail(row) {},
  },
};
</script>

<style lang="less" scoped>
.page-main-content {
  padding: 20px;
  background: #fff;
  border-radius: 6px;
}

</style>
